<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
  <script>
    //事件的处理
    window.onload = function(){
      var a = document.getElementsByTagName("input");
      // a[0].value = 123;
      // a[1].value = 456;
      // a[2].value = Number(a[0].value) + Number(a[1].value)
      //事件处理:
      //1.事件源，2.事件的类型，3.事件的处理代码，通过函数来实现
      a[3].onclick = qiuhe();//函数的调用

      //函数的定义
      function qiuhe() {//函数
        a[2].value = Number(a[0].value) + Number(a[1].value)
      }
      // 返回类型 方法名(参数){
      //   方法体
      // }

      // function 函数名(参数){
      //   函数体
      // }     
      
    }
    
    //分支语句
    // if(条件){
    //   语句1
    // }[else if(){

    // }else ...]
    window.onload = function(){
      var a = document.getElementsByClassName("shuixianhua");
      // alert(a.length)
      a[2].onclick = function(){
        var num_b = Number(a[0].value);
        if(num_b>=100&&num_b<=999){
          var bai = Math.floor(num_b/100);
          var shi = Math.floor(num_b/10)%10;
          var ge  = num_b%10;    
          if(num_b == ge*ge*ge+shi*shi*shi+bai*bai*bai){
            a[1].value = "是水仙花数"
          }else{
            a[1].value = "不是水仙花数"
          }
        }else{
          alert("请输入一个三位整数")
        }

        

        // 百  Math.floor(num_b/100)
        // 十  163 先整除10，再对10取余数 Math.floor(num_b/10)%10
        // 个  对10求余数  num_b%10

        // alert(123/100);
        // var c = 163;
        // console.log(Math.floor(c/100));//向下取整
        // console.log(Math.ceil(c/100));//向上取整
        // console.log(Math.round(c/100)); //四舍五入
       
        
        // 123
        // 1  123整除100   123/100
      }
    }
  
    //循环语句
    // var sum  = 0;
    // var i = 1;//循环变量赋初值
    // while(i <= 100){//循环条件
    //   sum += i;
    //   i++;//循环变量的改变
    // }

    // var sum = 0;
    // for(var i=1;i<=100;i++){
    //   var ji = 1;
    //   for(var j=1;j<=n;j++){
    //     ji = ji * j;
    //   }
    //   sum += ji;
    // }

    // var i=5;
    // var ji = 1;
    // for(var j=1;j<=n;j++){
    //   ji = ji * j;
    // }
    window.onload = function () {
      var str = '';
      for(var i=1;i<=9;i++){
        for(var j=1;j<=i;j++){
          str = str + i + "*" + j + "=<span>" + (i*j) + "</span>";
        }
        str = str + "<br>";
      }
      var ele  = document.getElementById("chengfa");
      ele.innerHTML = str;
      // ele.innerText = str;
    }

  </script>
  <style>
    span{
      width: 50px;
      display: inline-block;
      color: red;
    }
  </style>
</head>
<body>
  <input type="text">+
  <input type="text">=
  <input type="text">
  <input type="button" value="计算"><br>
  <hr>
  <h3>水仙花数</h3>
  <input type="text" placeholder="请输入一个数" class="shuixianhua">
  <input type="text" placeholder="结果" class="shuixianhua">
  <input type="button" value="计算" class="shuixianhua">
  <hr>
  <h3>九九乘法表</h3>
  <div id="chengfa">

  </div>
</body>
</html>